<template>
	<view class="nodata-box">
		<image class="nodata-image" src='../../static/loading.png'></image>
		<text class="nodata-text">{{loadingdata}}</text>
	</view>
</template>

<script>
	//加载中组件
	//@group 全局组件
	export default {
		//
		name: 'loading',
		//
		props: {
			loadingdata: {
				type: String,
				required: true,
				default: '加载中'
			},
		},
		//
		// methods: {
		// }
	}
</script>

<style lang="scss" scoped>
	.nodata-box{
		display: flex;
		    flex-direction: column;
		    align-items: center;
		    justify-content: center;
		    position: absolute;
		    left: 0;
		    right: 0;
		    top: 0;
		    bottom: 0;
		    background-blend-mode: color-burn;
			.nodata-image{
				height: 130rpx;
			    width: 130rpx;
			}
			.nodata-text{
				margin: 10rpx;
				color: #CCCCCC;
			}
		}
	
</style>